$(document).ready(function() {
	//*******************************************************************************************  Online User Update fun
	var updateOnlineUser = function(jsonData) {
		var onlineUserTable = $("#onlineUserContainerBox > table");
		for(user in jsonData) {
			var userRow = $("<tr></tr>");
			for(d in jsonData[user]) {
				userRow.append($("<td>{0}</td>".format(jsonData[user][d])));
			}
			onlineUserTable.prepend(userRow);
		};
	};
	// Test Function, Pls Remove if does not need
	updateOnlineUser([{
		browser : "Chrome",
		userName : "reza babakhani",
		url : "https://github.com/explore",
		test : 6
	}]);
	$("#onlineUserTestBtn").click(function() {
		updateOnlineUser([{
			browser : "Chrome",
			userName : "reza babakhani",
			url : "https://github.com/explore",
			test : getRandomInt()
		}]);
	});
	//*******************************************************************************************  Page View Update fun
	var updatePageView = function(jsonData) {
		var pageViewTable = $("#pageViewContainerBox > table");
		for(page in jsonData) {
			var pageRow = $("<tr></tr>").hide();
			for(d in jsonData[page]) {
				pageRow.append($("<td>{0}</td>".format(jsonData[page][d])));
			}
			pageViewTable.prepend(pageRow);
			pageRow.slideDown('slow');
		};
	};
	// Test Function, Pls Remove if does not need
	updatePageView([{
		domain : "http://github.com",
		pageUrl : "/explore",
		pageTitle : "this is page title",
		visitorCount : 15
	}]);

	$("#pageViewTestBtn").click(function() {
		updatePageView([{
			domain : "http://github.com",
			pageUrl : "/explore",
			pageTitle : "this is page title",
			visitorCount : getRandomInt()
		}]);
	});
	//*******************************************************************************************  domain List Update fun
	var updateDomainList = function(jsonData) {
		var domainListContainer = $("#domainListContainerBox");
		domainListContainer.empty();
		for(domain in jsonData) {
			var domainRow = $("<div class='domain-row' > <span class='domain-title' >{0}</span> <span class='domain-exeption-count' >{2}</span> <span class='domain-visitor-count' >{1}</span>  </div>".format(jsonData[domain].domain, jsonData[domain].exeptionCount, jsonData[domain].visitorCount));
			domainListContainer.append(domainRow);
		}
	};
	// Test Function, Pls Remove if does not need
	updateDomainList([{
		domain : "http://hrm.bankemellat.ir",
		visitorCount : 5,
		exeptionCount : 3
	}, {
		domain : "http://tajan.ir",
		visitorCount : 5,
		exeptionCount : 3
	}]);

	$("#domainListTestBtn").click(function() {
		updateDomainList([{
			domain : "http://hrm.bankemellat.ir",
			visitorCount : getRandomInt(),
			exeptionCount : getRandomInt()
		}, {
			domain : "http://tajan.ir",
			visitorCount : getRandomInt(),
			exeptionCount : getRandomInt()
		}, {
			domain : "http://sits-co.ir",
			visitorCount : getRandomInt(),
			exeptionCount : getRandomInt()
		}]);

	})
})